<template>
  <footer class="footer">
    <ul class="center-container">
      <li>
        <p>地址：贵州省黔南州百鸟河数字小镇</p>
        <p><a href="tel:+86-0854-6230003">电话：+86-0854-6230003</a></p>
        <p><a href="tel:+86-0854-6220002">传真：+86-0854-6220002</a></p>
      </li>
      <li>
        <p><a href="https://www.cnzz.com/stat/website.php?web_id=2692500" target="_blank">站长统计隐私说明</a></p>
        <p>网站维护：党政办公室</p>
        <p><a href="mailto:gfcoffice@163.com">意见反馈：gfcoffice@163.com</a></p>
      </li>
      <li>
        <p>Copyright GFC reserves the right</p>
        <p>黔ICP备13001734号</p>
        <p>
          <img class="ga" src="https://www.forerunnercollege.com/static/gongan.png" />
          <a href="http://www.beian.gov.cn/portal/recordQuery" target="_blank">贵公安备52273102000105号</a>
        </p>
      </li>
      <li class="code-box">
        <figure>
          <img src="https://www.forerunnercollege.com/static/wx.jpg" />
          <figcaption>官方微信</figcaption>
        </figure>
        <figure>
          <img src="https://www.forerunnercollege.com/static/dy.png" />
          <figcaption>官方抖音</figcaption>
        </figure>
      </li>
    </ul>
  </footer>
</template>
  
  <script>
export default {};
</script>
  
  <style scoped>
.footer {
  padding: 20px 0px;
  background-color: #000000;
}

.center-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 90%;
  color: #fff;
  flex-wrap: wrap;
  padding: 0px 5px;
}

.ga {
  vertical-align: bottom;
  margin-right: 5px;
}

.center-container>li>* {
  padding: 10px 0px;
}

a {
  color: #fff;
}

.code-box {
  display: flex;
}

.code-box>figure {
  margin: 0px 5px;
  text-align: center;
}

.code-box>figure>img {
  width: 70px;
  height: 70px;
}
</style>